<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>清浮动</title>
<style>
#wrap{width:950px;border:1px solid #333; margin:0 auto; float:left;}
.left { width:350px; height:30px; background-color:yellow;float:left;}
.right {width:400px; height:30px; background-color:pink; float:right;}
.clear{zoom:1}
.clear:after{conten:""; display:block; clear:both;}
</style>
</head>
<body>
<div id="wrap" class="clear">
	<div class="left"></div>
	<div class="right"></div>
</div>
</body>
</html>
